*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}
body{
    background: #F5F5F5;
}
 #da{
     width: 100%;
     height: 100%;
     top: 2rem;
     z-index: 20;
     position: absolute;
     display: none;
 }
.yc{
    width: 100%;
    z-index: 2;
    background: white;
    .btn1{
         padding: 1rem 0 1rem 1rem;
       a{
            background: #FFAC2D;
            border-radius: 10px;
            padding:5px 10px;
            color: white;
            
       }
    }
    .box{
        
        width: 90%;
        margin:0 1rem;
        color: #BDBDBD;
        font-size: 0.8rem;
        border-top: 1px solid #EDEDED;
        position: relative;
        margin: 0 auto;
        height: 1.5rem;
        #p1{
            width: 3rem;
            text-align: center;
            position: absolute;
            top: -0.6rem;
            background: white;
            left: 50%;
            margin-left: -1.5rem;
        }
    }
    ul{
        width: 100%;
        padding:0 1rem;
        display: flex;
        padding-bottom: 1rem;
        justify-content: space-between;
        li{
            width: 30%;
            padding: 0.1rem 0;
            text-align: center;
            background: #E0E0E0;    
            border-radius: 10px;
            a{
                color: black;
                font-size: 0.8rem;
            }
        }
    }
}
header {
    height: 2rem;
    background: #FFAC2C;
    display: flex;
    line-height: 2rem;
    color: white;
}
header>a {
    color: white;
    padding-left: 0.6rem;
}
header>p {
    margin-right: 0.6rem;
    flex-grow: 1;
    font-size: 0.9rem;
    text-align: center;
}
#zh_content{
    width: 100%;
    background: #FFAC2C;
    .zh_content_ul{
        width: 100%;
        display: flex;
        color: white;
        padding: 10px 0;
        li{
            width: 50%;
            padding-left: 1rem;
            p{
                font-size: 0.8rem;
                font-weight: 100;
                &:last-child{
                    margin-top: 0.5rem;
                    font-size: 0.5rem;
                    span{
                        font-size: 1rem;
                        font-weight: 500;
                    }
                }
            }
            &:first-child{
                border-right: 2px solid #FDB341;
            }
        }
    }
    .zh_content_div{
        background: #F5F5F5;
        width: 100%;
        overflow: hidden;
        .zh_content_div_1{
            width: 100%;
            
            margin-top: 10px;
            background: #FFFFFF;
            display: flex;
            justify-content: space-between;
             padding: 0.3rem 0.3rem;  
             border-bottom: 1px solid #F1F1F1;
            div:first-child{
               
                
                img{
                    width: 1.5rem;   
                    vertical-align: middle;
                }
                span{
                    font-weight: normal;
                }
            }
            div:last-child{
                color: #A9A9A9;
               
            }
        }
        ul{
            width: 100%;
            display: flex;
            background: white;
            flex-wrap: wrap;
            justify-content: center;
            
            li{
                width: 50%;
                text-align: center;
                margin-top: 0.875rem;
                margin-bottom: 0.875rem;
                a{
                    color: black;
                    &>span:first-child{
                        color: #979797;
                        font-size: 0.5rem;
                    }
                    .aaa{
                        color: #F95A29;
                        font-size: 1rem;
                    }
                }
                &:first-child{
                    border-right: 1px solid #E0E0E0;
                }
                &:nth-child(3){
                    border-right: 1px solid #E0E0E0;
                }
            }
        }
    }
}
